<template>
	<div class="msg-content">
		<!-- 没有消息的提示 -->
		<NoContent :show="false" />
		
		<a class="msg" href="" v-for="(msg, index) in messages" :key="index">
			<span>【{{msg.type}}】{{msg.title}}</span>
			<time>{{msg.createTime}}</time>
		</a>
	</div>
</template>

<script>
import NoContent from '../NoContent.vue' ;
	
export default {
	components: {
		NoContent, 
	} , 
	data(){
		return {
			messages: [
				{id: 1, title: "消息中心上线啦，快来体验吧～～～",  type: "公告" , createTime: "2022/02/27 14:22:22"}, 
				{id: 2, title: "消息中心上线啦，快来体验吧～～～",  type: "公告" , createTime: "2022/02/27 14:22:22"}, 
			]
		}
	}
}
</script>

<style>
</style>